<template>
  <div class="container">
    <div class="top">
      <van-icon name="arrow-left" color="white" />
      <b>购物车</b>
      <span class="edit">编辑</span>
    </div>
    <div class="content">
      <div class="radian" />

      <div class="items"></div>
      <div class="recommend">
        <img
          src="https://m.xiaomiyoupin.com/youpin/static/m/res/images/common/recheader_left.png"
          alt
        />
        <b>为你推荐</b>
        <img
          src="https://m.xiaomiyoupin.com/youpin/static/m/res/images/common/recheader_right.png"
          alt
        />
      </div>
      <ul class="recommend-items">
        <li>
          <img
            src="https://img.youpin.mi-img.com/shopmain/908296b6baa84b1c79f026ef29cc2552.jpg@base@tag=imgScale&F=webp"
            alt
          />
          <div class="item-detail">
            <span class="name">麦动三种辣条组合</span>
            <span class="desc">鲜香火辣，爽口易嚼</span>
            <span class="price">¥15起</span>
          </div>
        </li>
        <li>
          <img
            src="https://img.youpin.mi-img.com/shopmain/0835da5f1603737e25a0e39df34bf11c.png@base@tag=imgScale&F=webp&h=800&w=800?w=800&h=800"
            alt
          />
          <div class="item-detail">
            <span class="name">旅行电热杯</span>
            <span class="desc">轻巧便携，400ml旅行容</span>
            <span class="price">¥149</span>
          </div>
        </li>
        <li>
          <img
            src="https://img.youpin.mi-img.com/goods/af37409aa8400402533d15d2080500be.jpg@base@tag=imgScale&F=webp"
            alt
          />
          <div class="item-detail">
            <span class="name">九旬工具箱</span>
            <span class="desc">多工具配置，维修拆装必备</span>
            <span class="price">¥69起</span>
          </div>
        </li>
        <li>
          <img
            src="https://img.youpin.mi-img.com/goods/fa8eb58125644ede8bbe3c68a38e0f73.jpg@base@tag=imgScale&F=webp?_s=ks3"
            alt
          />
          <div class="item-detail">
            <span class="name">早风速干T恤(男女款)</span>
            <span class="desc">轻薄透气,瞬吸速干,舒适耐穿</span>
            <span class="price">¥35起</span>
          </div>
        </li>
      </ul>
    </div>

    <div class="footer">
      <van-checkbox>全选</van-checkbox>
      <button class="settle">结算</button>
    </div>
  </div>
</template>
<style lang="less" scoped>
@import url("./index.less");
</style>
<script>
export default {
  name: "cart"
};
</script>